<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		 <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">    
		  <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
		  <meta HTTP-EQUIV="Expires" CONTENT="0">
		

		<link rel="stylesheet" type="text/css" href="resources/jquery-easyui-1.7.0/themes/default/easyui.css"/>
		<link rel="stylesheet" type="text/css" href="resources/jquery-easyui-1.7.0/themes/icon.css"/>
		<link rel="stylesheet" type="text/css" href="resources/jquery-easyui-1.7.0/demo/demo.css"/>
		<link rel="stylesheet" type="text/css" href="resources/css/userHomepage.css"/>
		
		
		<script src="resources/jquery-easyui-1.7.0/jquery.min.js"  type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/sockjs.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/js/ChatFrame.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/js/userHomepage.js" type="text/javascript" charset="utf-8"></script>	
		
	
		<title>home</title>
	</head>
<body class="easyui-layout" > 
 		
		<div id="north" data-options="region:'north'"  >
 			
 			<div class="header">
 				<div class="header_items">
 					<div class="logo"><i></i></div>
 					
					<div class="search">
						<input id="ss">
					</div>
					<div class="info">
						<span class="logout"><a href="logout">注销</a></span>
						<span class="level"></span>
						<span class="chat"><a href="javascript:void(0)" onclick="javascript:openChat()">群聊</a></span>
						<span class="nabla"></span>
						<span class="current-user-name"></span>
					</div>	
 				</div>
 			</div>
 		</div>
 		
 		<div id="center"  data-options="region:'center'" >
			<div class="chat">
				<div id="chatFrame" style="padding:1px;overflow-x: hidden; overflow-y: hidden;"/></div>
				<input id="displayBox" type="text"/>
				<input id="inputBox" type="text" />
				<a href="javascript:void(0)" id="roomlist" style="margin-left:5px;"></a>
				<div id="room" style="width:100px;">
				</div>
				<a id="sendBtn" href="#" style="margin-left: 346px;">Send</a>
				
				<div id="createRoomDialog" style="overflow-x: hidden; overflow-y: hidden;">
					<input id="roomName" type="text" style="margin: 5px;"/>
				</div>
			</div>			
 			<div id="tt" style="width:500px;height:250px;">	
 			</div>
			<div id="info-panel" style="padding:10px;">
				<p id="info1" class="info-row"></p>
				<p id="info2" class="info-row"></p>
				<p id="info3" class="info-row"></p>
				<p id="info4" class="info-row"></p>
				<p id="info5" class="info-row"></p>
			</div>
 		</div> 
		
		
		
	</body>	
</html>


	